// 时间轴-精简样式
.timeline-simple {
    .timeline-item {
        .item-info-box {
            .item-icon {
                background-color: $timeline-simple-bg;
                border-color: $timeline-simple-border;
            }
        }

        .item-content-box {
            .item-content {
                border-top: 1px solid $timeline-simple-border;
                border-left: 1px solid $timeline-simple-border;
                &:hover {
                    background-color: $timeline-simple-bg;
                }
            }
        }
    }
    .timeline-item:first-child .item-content {
        border-top: none;
    }
}

.timeline-simple-center {
    .timeline-item:nth-child(odd) {
        .item-info-box {
            .item-icon {
                background-color: $timeline-simple-bg;
                border-color: $timeline-simple-border;
                border-style: solid;
                border-width: 1px 0px 1px 1px;
            }
        }

        .item-content-box {
            .item-content {
                border-left: 1px solid $timeline-simple-border;
                background-color: $timeline-simple-bg;
            }
        }
    }

    .timeline-item:nth-child(even) {
        .item-info-box {
            .item-icon {
                background-color:$timeline-simple-bg; ;
                border-color: $timeline-simple-border;;
                border-style: solid;
            }
        }

        .item-content-box {
            .item-content {
                background-color: $timeline-simple-bg;
                border-right: 1px solid $timeline-simple-border;
            }
        }
    }

}

.timeline {
    background-color: $timeline-bg;

    &::before {
        background-color: $timeline-line-color;
    }

    .timeline-item {

        .item-icon {
            background-color: $timeline-icon-default-bg;
            color: $timeline-icon-default-color;
            &.icon-primary {
                background-color:$timeline-icon-primary-bg;
                color: $timeline-icon-primary-color;
            }
            &.icon-success {
                background-color:$timeline-icon-success-bg;
                color: $timeline-icon-success-color;
            }
            &.icon-info {
                background-color:$timeline-icon-info-bg;
                color: $timeline-icon-info-color;
            }
            &.icon-warning {
                background-color:$timeline-icon-warning-bg;
                color: $timeline-icon-warning-color;
            }
            &.icon-danger {
                background-color:$timeline-icon-danger-bg;
                color: $timeline-icon-danger-color;
            }
        }

        .item-content {
            background-color:$timeline-item-bg;
            border: 1px solid $timeline-item-border;

            &::before {
                border: 7px solid transparent;
                border-right: 7px solid $timeline-item-border;
            }
        }
    }
    &.timeline-center{
       
        .timeline-item:nth-child(even) {
            .item-content{
                &::before {
                    border-left: 7px solid $timeline-item-border;
                }
            }
        }
    }
}